<div id="nav">
  <li class="layui-nav-item">
    <a href="javascript:;"> {{nav._currentCommunity.name}} </a>
    <dl class="layui-nav-child">
      <dd v-for="currentCommunity in nav.communityInfos">
        <a href="" v-on:click="changeCommunity(currentCommunity)">{{currentCommunity.name}}</a>
      </dd>
      <dd>
        <a href="javascript:void(0)"
           v-on:click="_chooseMoreCommunity()">
          <strong>{{vc.i18n('moreCommunity')}}</strong>
          <i class="fa fa-angle-right"></i>
        </a>
      </dd>
    </dl>
  </li>
  <li class="layui-nav-item">
    <a href="javascript:;">{{vc.i18n('welcome')}}，{{userName}}！</a>
  </li>
  <li class="layui-nav-item">
    <a v-bind:href="nav.moreNoticeUrl">
      <i class="layui-icon layui-icon-notice"></i>
    </a>
  </li>

  <li class="layui-nav-item">
    <a v-on:click="logout()">
      <i class="fa fa-sign-out"></i> {{vc.i18n('signOut')}}
    </a>
  </li>
</div>